<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>商品详情页</title>
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/main.css" />
		<link rel="stylesheet" href="../css/p-detail.css" />
		<script type="text/javascript" src="js/luoBoTu.js" ></script>
		
		<script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="../js/jquery.jqzoom.js"></script>
		<script type="text/javascript" src="../js/p-detail.js"></script>


	</head>
	<body>
		<div class="head">
			<div class="top-first">
				<div class="comWidth">
					<div class="leftArea">
						<a href="#" class="collection">收藏此页</a>
					</div>
					<div class="rightArea">
						<span>欢迎您来到数码商城！</span>
						<a href="<%=request.getContextPath() %>/login/index">[登录]</a>
						<a href="<%=request.getContextPath() %>/login/register">[注册]</a>
					</div>
				</div>
			</div>
			<div class="top-second">
				<div class="comWidth">
					<div class="logo fl">
						<a href="#" ><img src="../img/logo.png"/></a>
					</div>
					<div class="search fl">
						<input type="text" class="search-text fl" placeholder="请输入商品名称">
						<input type="button" class="search-btn fl" value="搜	索"/>
					</div>
					<div class="shopCart fl">
						<i class="ci-left"></i>
						<i class="ci-right">></i>
						<i class="ci-count" id="shopping-amount">0</i>
						<a target="_blank" href="<%=request.getContextPath() %>/shoppingCart/index" class="">我的购物车</a>
					</div>
				</div>
			</div>
			<div class="top-third">
				<div class="comWidth">
					<div id="category" class="dorpdown">
						<div class="dt">全部分类</div>
					</div>
					<div class="navitems">
						<ul>
							<li>
								<a target="_blank" href="#" class="nav-color">首页</a>
							</li>
							<li>
								<a target="_blank" href="#">数码城</a>
							</li>
							<li>
								<a target="_blank" href="#">团购</a>
							</li>
							<li>
								<a target="_blank" href="#">发现</a>
							</li>
							<li>
								<a target="_blank" href="#">二手特卖</a>
							</li>
							<li>
								<a target="_blank" href="#">名品会</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		
		<br /><br />
		
		<div class="zhongjian comWidth1">
			<div id="tu">
				<span class="jqzoom"><img jqimg="../img/good_picture/big_picture/b1.jpg" src="../img/good_picture/sm_picture/s1.jpg" /></span>
				<div class="items">
					<ul>
						<li><img bimg="../img/good_picture/big_picture/b1.jpg" src="../img/good_picture/sm_picture/s1.jpg" onmousemove="preview(this);"></li>
						<li><img bimg="../img/good_picture/big_picture/b2.jpg" src="../img/good_picture/sm_picture/s2.jpg" onmousemove="preview(this);"></li>
						<li><img bimg="../img/good_picture/big_picture/b3.jpg" src="../img/good_picture/sm_picture/s3.jpg" onmousemove="preview(this);"></li>
						<li><img bimg="../img/good_picture/big_picture/b1.jpg" src="../img/good_picture/sm_picture/s1.jpg" onmousemove="preview(this);"></li>
						<li><img bimg="../img/good_picture/big_picture/b2.jpg" src="../img/good_picture/sm_picture/s2.jpg" onmousemove="preview(this);"></li>
					</ul>
				</div>
			</div>

			<div class="xiangqing">
				&nbsp;&nbsp;<span style="font-family:'微软雅黑';font-size: 18px; color: #666; line-height: 28px; font-weight: 700;">华为honor/荣耀 荣耀8青春版 全网通标配版3G+32G智能手机</span>
				<ul class="panel">
					<li>价格</li>
					<li class="price">￥5000</li>
				</ul>
				<ul class="panel2">
					<li>折后价</li>
					<li style="color: red;font-size: 18px;">￥5000</li>
				</ul>
				<ul class="panel1">
					<li>
						<div class="tm-indcon"><span class="tm-label">月销量</span><span class="tm-count">19124</span></div>
					</li>
					<li>
						<div class="tm-indcon"><span class="tm-label">累计评价</span><span class="tm-count">5225</span></div>
					</li>
				</ul>
				<table class="kuang">
					<tbody>
						<tr>
							<td style="width: 20%;">优惠</td>
							<td>当然是没有啦，逗你玩嘛</td>
						</tr>
						<tr>
							<td>选择颜色</td>
							<td>
								<ul class="menu">
									<li id="grey" class="color">
										<a id="grey" name="color" onclick="clic(this)">珠光白(3GB)</a>
									</li>
									<li id="silver" class="color">
										<a id="silver" name="color" onclick="clic(this)">流光金(3GB)</a>
									</li>
									<li id="gold" class="color">
										<a id="gold" name="color" onclick="clic(this)">幻夜黑(3GB)</a>
									</li>
									<li id="white" class="color">
										<a id="white" name="color" onclick="clic(this)">魅海蓝(3GB)</a>
									</li>
								</ul>
							</td>
						</tr>
						<tr>
							<td>规格</td>
							<td>
								<ul class="menu">
									<li id="16" class="G">
										<a id="16" name="G" onclick="clic(this)">16G</a>
									</li>
									<li id="32" class="G">
										<a id="32" name="G" onclick="clic(this)">32G</a>
									</li>
									<li id="64" class="G">
										<a id="64" name="G" onclick="clic(this)">64G</a>
									</li>
									<li id="128" class="G">
										<a id="128" name="G" onclick="clic(this)">128G</a>
									</li>
								</ul>
							</td>
						</tr>
						<tr>
							<td>数量</td>
							<td>
								<span>
					        		<a class="prev" href="javascript:void(0)" onclick="prev()">-</a><input id="shuliang" style="width: 40px;text-align: center;" type="text" value="1"><a class="next" href="javascript:void(0)" onclick="next()">+</a>
						        </span>
							</td>
						</tr>
					</tbody>
				</table>
				<table class="buy">
					<tr>
						<td width="40%">
							<a id="J_LinkBuy" href="<%=request.getContextPath() %>/orders" rel="nofollow" data-addfastbuy="true" title="点击此按钮，到下一步确认购买信息。" role="button">立即购买</a>
						</td>
						<td>
							<a href="<%=request.getContextPath() %>/shoppingCart/index" rel="nofollow" id="J_LinkBasket" role="button">加入购物车</a>
						</td>
					</tr>
				</table>
			</div>
		</div>
		<div id="J_TabBarBox" class="comWidth1" style="width: 1000px;">
			<ul id="J_TabBar" class="tabbar">
				<li class="tm-selected">
					<a onclick="tabs('#J_TabBarBox',0)">商品详情</a>
				</li>
				<li>
					<a onclick="tabs('#J_TabBarBox',1)">详细规格</a>
				</li>
				<li>
					<a onclick="tabs('#J_TabBarBox',2)">累计评价 <em class="J_ReviewsCount" style="display: inline;">6803</em></a>
				</li>
			</ul>
			<div class="tabcon" style="display:block;">
				<div class="xinxi">
					<div style="display: block;margin-bottom: 20px;">
						<div class="name">品牌名称：
							<a href="">honor/荣耀</a>
						</div>
					</div>
					<p><span>产品参数：</span>
						<a href="" style="float: right;">更多参数 ></a>
					</p>
					<table class="table">
						<tr>
							<td style="width: 20%;">证书编号：</td>
							<td>&nbsp;2016011606919019</td>
						</tr>
						<tr>
							<td>证书状态：</td>
							<td>&nbsp;有效</td>
						</tr>
						<tr>
							<td>产品名称：</td>
							<td>&nbsp;TD-LTE数字移动电话机</td>
						</tr>
						<tr>
							<td>CPU型号：</td>
							<td>&nbsp;麒麟655</td>
						</tr>
						<tr>
							<td>型号：</td>
							<td>&nbsp;荣耀8青春版 全网通标配版</td>
						</tr>
					</table>
				</div>
					<img src="../img/tupian/1.jpg" style="width: 100%;">
					<a href="//huawei.tmall.com/p/rd710865.htm?spm=a1z10.1-b-s.w13632750-15713427277.32.q664l1&amp;scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/imgextra/i3/1114511827/TB2wHFpe84lpuFjy1zjXXcAKpXa_!!1114511827.jpg" style="width: 100%;" ></a>
					<a href="//detail.tmall.com/item.htm?spm=a220z.1000880.0.0.HixRMG&amp;id=539323189975&amp;scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/imgextra/i3/1114511827/TB2nVx.bSB0XKJjSZFsXXaxfpXa_!!1114511827.jpg"  style="width: 100%;" ></a>
				<div class="imgsize" style="height: auto;">
					<img align="absmiddle" src="../img/tupian/2.jpg">
					<img align="absmiddle" src="../img/tupian/3.jpg">
					<img align="absmiddle" src="../img/tupian/4.jpg">
					<img align="absmiddle" src="../img/tupian/5.jpg">
					<img align="absmiddle" src="../img/tupian/6.jpg">
					<img align="absmiddle" src="../img/tupian/7.jpg">
					<img align="absmiddle" src="../img/tupian/8.jpg">
					<img align="absmiddle" src="../img/tupian/9.jpg">
					
				</div>
			</div>
			<div class="tabcon xq" style="display:none;">
				<table class="table2">
					<thead style="background-color: darkgrey;">
						<tr>
							<td colspan="2">规格参数</td>
						</tr>
					</thead>
					<tbody>
						<tr class="tableTh">
							<th colspan="2">拍照功能</th>
						</tr>
						<tr>
							<th>后置摄像头</th>
							<td>&nbsp;1200万</td>
						</tr>
						<tr>
							<th>摄像头类型</th>
							<td>&nbsp;双摄像头（前后）</td>
						</tr>
						<tr>
							<th>视频显示格式</th>
							<td>&nbsp;支持3GP/MPEG-4等格式</td>
						</tr>
						<tr class="tableTh">
							<th colspan="2">显示</th>
						</tr>
						<tr>
							<th>屏幕尺寸</th>
							<td>&nbsp;5.2英寸</td>
						</tr>
						<tr>
							<th>触摸屏类型</th>
							<td>&nbsp;电容屏，多点触控</td>
						</tr>
						<tr>
							<th>分辨率</th>
							<td>&nbsp;1920x1080</td>
						</tr>
						<tr class="tableTh">
							<th colspan="2">网络</th>
						</tr>
						<tr>
							<th>网络类型</th>
							<td>&nbsp;4G全网通</td>
						</tr>
						<tr>
							<th>网络模式</th>
							<td>&nbsp;双卡双待</td>
						</tr>
						<tr class="tableTh">
							<th colspan="2">机身详情</th>
						</tr>
						<tr>
							<th>款式</th>
							<td>&nbsp;直板</td>
						</tr>
						<tr>
							<th>键盘类型</th>
							<td>&nbsp;虚拟触屏键盘</td>
						</tr>
						<tr class="tableTh">
							<th colspan="2">存储</th>
						</tr>
						<tr>
							<th>运行内存RAM</th>
							<td>&nbsp;3GB</td>
						</tr>
						<tr>
							<th>存储容量</th>
							<td>&nbsp;32GB</td>
						</tr>
						<tr class="tableTh">
							<th colspan="2">基本参数</th>
						</tr>
						<tr>
							<th>CPU品牌</th>
							<td>&nbsp;海思</td>
						</tr>
						<tr>
							<th>CPU型号</th>
							<td>&nbsp;麒麟655</td>
						</tr>
						<tr>
							<th>品牌</th>
							<td>&nbsp;honor/荣耀</td>
						</tr>
						<tr>
							<th>型号</th>
							<td>&nbsp;荣耀8青春版 全网通标配版</td>
						</tr>
						<tr>
							<th>机身颜色</th>
							<td>&nbsp;珠光白(3GB)&nbsp;流光金(3GB)&nbsp;幻夜黑(3GB)&nbsp;魅海蓝(3GB)&nbsp;幻海蓝(3GB)</td>
						</tr>
						<tr>
							<th>手机类型</th>
							<td>&nbsp;拍照手机&nbsp;智能手机&nbsp;4G手机</td>
						</tr>
						<tr>
							<th>电池类型</th>
							<td>&nbsp;不可拆卸式电池</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="tabcon" style="display:none;">
				<div class="grid">
					<table>
						<tbody>
							<tr>
								<td class="master" style="width: 60%;">
									<div class="rate-content">
										<div class="fulltxt">特别特别的帅！！超级好，不愧是国产第一大品牌。值得信赖。耗电特别少。像素也超级好，大爱。</div>
									</div>
									<div class="tm-rate-date">05.16</div>
								</td>
								<td class="meta">
									<div class="sku">
										<p title="机身颜色:幻夜黑(3GB)"><span>机身颜色：</span>幻夜黑(3GB)</p>
										<p title="存储容量:32GB"><span>存储容量：</span>32GB</p>
									</div>
									<div class="profile">
										<p title=""></p>
									</div>
								</td>
								<td class="author">
									<div class="info">飞<span>***</span>t<span>（匿名）</span></div>
								</td>
							</tr>
							<tr>
								<td class="master">
									<div class="rate-content">
										<div class="fulltxt">真不赖，超值，国产品牌顶呱呱</div>
									</div>
									<div class="tm-rate-date">05.17</div>
								</td>
								<td class="meta">
									<div class="sku">
										<p title="机身颜色:幻夜黑(3GB)"><span>机身颜色：</span>幻夜黑(3GB)</p>
										<p title="存储容量:32GB"><span>存储容量：</span>32GB</p>
									</div>
									<div class="profile">
										<p title=""></p>
									</div>
								</td>
								<td class="author">
									<div class="info">张<span>***</span>伦<span>（匿名）</span></div>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="paginator"><span class="page-prev">&lt;&lt;上一页</span><span>1</span>
					<a href="?page=2">2</a>
					<a href="?page=3">3</a><span class="page-break">...</span>
					<a data-page="2" href="?page=2">下一页&gt;&gt;</a>
				</div>
			</div>
		</div>
		
		<br /><br />
		
		<div class="comWidth" >
			<img src="../img/foot.png" style="width: 1211px;"/>
		</div>
		
		<div class="footbar">
		      <div id="web_wj">
					<p>制作团队：ELEMENT TEAM</p>
					<p>
						Copyright &#169;2016-2017 <a title="数码商城" href="#">www.DM.com</a>
						All Rights Reserved <a title="船舶网" href="#">数码商城</a> 版权所有
					</p>
			</div>
		</div>
	</body>

</html>